
<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title><?php echo $title; ?></title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Le styles -->
        <link href="<?php echo css_url('bootstrap/bootstrap'); ?>" rel="stylesheet">
        <style>
            body {
                padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
            }
        </style>
        <link href="<?php echo css_url('bootstrap/bootstrap-responsive'); ?>" rel="stylesheet">

        <?php
        foreach ($css as $styleSheet) {
            if (strstr($styleSheet, base_url()) != false)
                echo '<link href="' . $styleSheet . '" rel="stylesheet">';
            else
                echo '<link href="' . css_url($styleSheet) . '" rel="stylesheet">';
        }
        ?>

        <?php
        foreach ($js as $javascript) {
            if (strstr($javascript, base_url()) != false)
                echo '<script src="' . $javascript . '"></script>';
            else
                echo '<script src="' . js_url($javascript) . '"></script>';
        }
        ?>

        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <script>var site_url = "<?php echo site_url(); ?>"</script>
    </head>

    <body>